@charset "utf-8";

@import url("global.min.css");
@import url("iconfont.css");


/**
* Description style CSS for the website
* Author Qiuyue
* E-mail 1171019839@qq.com
* Created On 2018-01-29
* modification
**/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize*/
	/** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom.*/
	html {
	font-family: sans-serif;
	/* 1*/
	-ms-text-size-adjust: 100%;
	/* 2*/
	-webkit-text-size-adjust: 100%;
	/* 2*/
	
}
/** * Remove default margin.*/
	body {
	margin: 0;
}
/* HTML5 display definitions ==========================================================================*/
	/** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11.*/
	article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}
/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.*/
	audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1*/
	vertical-align: baseline;
	/* 2*/
	max-width: 100%;
	
}
/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices.*/
	audio:not([controls]) {
	display: none;
	height: 0;
}
/** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.*/
	[hidden],
template {
	display: none;
}
/* Links ==========================================================================*/
	/** * Remove the gray background color from active links in IE 10.*/
	
a {
	color: #515257;
	background: transparent;
	text-decoration: none;
	outline: none;
}
/** * Improve readability when focused and also mouse hovered in all browsers.*/
	a:active,
a:hover {
	outline: 0;
	text-decoration: none;
}
/* Text-level semantics ==========================================================================*/
	/** * Address styling not present in IE 8/9/10/11, Safari, and Chrome.*/
	abbr[title] {
	border-bottom: 1px dotted;
}
/** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.*/
	b,
strong {
	font-weight: bold;
}
/** * Address styling not present in Safari and Chrome.*/
	dfn {
	font-style: italic;
}
/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome.*/
	h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
/** * Address styling not present in IE 8/9.*/
	mark {
	background: #ff0;
	color: #000;
}
/** * Address inconsistent and variable font size in all browsers.*/
	small {
	font-size: 80%;
}
/** * Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
	sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* Embedded content ==========================================================================*/
	/** * Remove border when inside `a` element in IE 8/9/10.*/
	img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	border: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/** * Correct overflow not hidden in IE 9/10/11.*/
	svg:not(:root) {
	overflow: hidden;
}
/* Grouping content ==========================================================================*/
	/** * Address margin not present in IE 8/9 and Safari.*/
	figure {
	margin: 1em 40px;
}
/** * Address differences between Firefox and other browsers.*/
	hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
/** * Contain overflow in all browsers.*/
	pre {
	overflow: auto;
}
/** * Address odd `em`-unit font size rendering in all browsers.*/
	code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
/* Forms ==========================================================================*/
	/** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set.*/
	/** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.*/
	button,
input,
optgroup,
select,
textarea {
	font-size: 13px;
	font-weight: normal;
	color: #515257;
	color: inherit;
	/* 1*/
	font: inherit;
	/* 2*/
	margin: 0;
	/* 3*/
	background-color: transparent;
	outline: none;
}
/** * Address `overflow` set to `hidden` in IE 8/9/10/11.*/
	button {
	overflow: visible;
}
/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox.*/
	button,
select {
	text-transform: none;
}
/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others.*/
	button,
html input[type="button"],
/* 1*/
	input[type="reset"],
input[type="submit"] {
	/*-webkit-appearance: button;*/
	cursor: pointer;
	/* 3*/
	-webkit-appearance: none;
}
/** * Re-set default cursor for disabled elements.*/
	button[disabled],
html input[disabled] {
	cursor: default;
}
/** * Remove inner padding and border in Firefox 4+.*/
	button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet.*/
	input {
	line-height: normal;
}
/** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10.*/
	input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1*/
	padding: 0;
	/* 2*/
	vertical-align: middle;
	
}
/** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`.*/
	input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
/** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof).*/
	input[type="search"] {
	-webkit-appearance: textfield;
	/* 1*/
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2*/
	box-sizing: content-box;
}
/** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance).*/
	input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
/** * Define consistent border, margin, and padding.*/
	fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
/** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets.*/
	legend {
	border: 0;
	/* 1*/
	padding: 0;
	/* 2*/
	
}
/** * Remove default vertical scrollbar in IE 8/9/10/11.*/
	textarea {
	overflow: auto;
}
/** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.*/
	optgroup {
	font-weight: bold;
}
/* Tables ==========================================================================*/
	/** * Remove most spacing between table cells.*/
	table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}


::-webkit-input-placeholder {
	/* WebKit browsers*/
	color: #515257;
}
:-moz-placeholder {
	/* Mozilla Firefox 4 to 18*/
	color: #515257;
}
::-moz-placeholder {
	/* Mozilla Firefox 19+*/
	color: #515257;
}
:-ms-input-placeholder {
	/* Internet Explorer 10+*/
	color: #515257;
}

/* 文字选中样式 */
::-moz-selection{color: #fff;background-color: #0099ff;}
::selection{color: #fff;background-color: #0099ff;}



/* -------------------------------
Globals
----------------------------------*/

	*, *:before, *:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	* {
		word-break:break-word;
		vertical-align: top;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	body {
		position: relative;
		cursor: auto;
		color: #515257;
		font-family: 'Microsoft Yahei','Helvetica','Noto Sans S Chinese','思源宋体', 'Open Sans','SimSun';
		font-size: 14px;
		line-height: 1.6;
	}
	body,html {
		background-color: #fff;
	}
	sub, sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	sup {
		top: -0.5em;
	}
	sub {
		bottom: -0.25em;
	}
	td {
		padding: 0.5em;
	}

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden
	}
	input,select,button {
		border: none;
	}
	ul,ol {
		padding-left: 30px;
	}
	p {
		margin: 0;
	}

	.floatLeft {
		float: left;
	}
	.floatRight {
		float: right;
	}
	.display-show {
		display: block;
	}
	.display-hide {
		display: none;
	}
	.align-center {
		text-align: center;
	}
	.align-left {
		text-align: left;
	}
	.align-right {
		text-align: right;
	}

	.display-block {
		display: block;
	}
	.display-inlineblock {
		display: inline-block;
	}
	.display-table {
	    display: table;
	    table-layout: fixed;
	    width: 100%;
	    height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.display-table-cell {
		position: relative;
		display: table-cell;
	    vertical-align: middle;
	    width: 100%;
	    height: 100%;
	}
	.position-rel {
		position: relative;
	}
	.position-abs {
		position: absolute;
	}

	.display-flex {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	}
	.display-flex-between {
	    -webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	    align-items: stretch;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	}
	.display-flex-wrap {
	    -webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	    align-items: stretch;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    -o-flex-wrap: wrap;
	    flex-wrap: wrap;
	} 
	@keyframes 
	opacityn {
		0% {
		opacity: 0;
		filter: alpha(opacity=0);
		}
		100% {
		opacity: 1;
		filter: alpha(opacity=100);
		}
	}
	 @-webkit-keyframes 
	opacityn {
		0% {
		opacity: 0;
		filter: alpha(opacity=0);
		}
		100% {
		opacity: 1;
		filter: alpha(opacity=100);
		}
	}


	@keyframes 
	JUMP {
		0% {
		bottom: 75px;
		}
		50% {
		bottom: 95px;
		}
		80% {
		bottom: 85px;
		}
		100% {
		bottom: 75px;
		}
	}
	 @-webkit-keyframes 
	JUMP {
		0% {
		bottom: 75px;
		}
		50% {
		bottom: 95px;
		}
		80% {
		bottom: 85px;
		}
		100% {
		bottom: 75px;
		}
	}

	@-webkit-keyframes MOVE {
	  0% {
	    -webkit-transform: translateY(0);
	    transform: translateY(0); }
	  100% {
	    -webkit-transform: translateY(-15px);
	    transform: translateY(-15px); } }

	@keyframes MOVE {
	  0% {
	    -webkit-transform: translateY(0);
	    transform: translateY(0); }
	  100% {
	    -webkit-transform: translateY(-15px);
	    transform: translateY(-15px); } }

	@-webkit-keyframes loading {
	    from {
	        -webkit-transform: rotate(0deg);
	    }
	    to {
	        -webkit-transform: rotate(360deg);
	    }
	}

	@keyframes loading {
	    from {
	        -webkit-transform: rotate(0deg);
	    }
	    to {
	        -webkit-transform: rotate(360deg);
	    }
	}
	.opacity-n {
	    -webkit-animation: opacityn 0.3s linear;
	    animation: opacityn 0.3s linear;
	}

	#loading {
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    z-index: 999;
	    background: #fff;
	    opacity: 1;
	}
	#loading .loading-main {
		position: absolute;
		top: 50%;
	    left: 50%;
	    width: 50px;
	    height: 50px;
	    margin-top: -25px;
	    margin-left: -25px;
	    border-radius: 50%;
	    border: 0px solid #C02629;
	    border-left-width: 1px;
	    border-bottom-width: 2px;
	    border-right-width: 3px;
	    -webkit-animation: loading 2s linear infinite;
	    -webkit-animation: loading 2s linear infinite;
	    -o-animation: loading 2s linear infinite;
	    animation: loading 2s linear infinite;
	}
	#loading .loading-main>div {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: #fff;
	    border-radius: 50%;
	}
	
	.container-layout,
	.container {
		position: relative;
		z-index: 1;
		margin: 0 auto;
	}

	@media (min-width: 1680px) {
		.container-layout {
			width: 1600px;
		}
		.container {
			width: 1280px;
		}
	}
	@media (max-width: 1679px) and (min-width: 1230px) {
		.container-layout {
			width: 1200px;
		}
		.container {
			width: 1000px;
		}
	}
	@media (max-width: 1229px) and (min-width: 993px) {
		.container-layout {
			width: 980px;
		}
		.container {
			width: 940px;
		}
	}
	@media (max-width: 992px) {
		.site-header .container-layout,
		.site-footer .container-layout,
		.container {
			margin-left: 20px;
			margin-right: 20px;
		}
	}


/* ---------------------------------
* public
------------------------------------*/
	.site-column {
		position: relative;
		z-index: 3;
		margin: 0;
		line-height: 30px;
		font-size: 24px;
		font-weight: bold;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}

	.bgcover-wpt {
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.swiper-button-prev,
	.swiper-button-next,
	.swiper-pagination-bullet {
		outline: none;
	}


	.thumb-scale {
		overflow: hidden;
	}

	.thumb-scale img {
		display: block;
		width: 100%;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;	
	}
	.thumb-scale:hover img,
	a:hover .thumb-scale img {
	    -webkit-transform: scale(1.1,1.1);
	    -ms-transform: scale(1.1,1.1);
	    -o-transform: scale(1.1,1.1);
	    transform: scale(1.1,1.1);
	}

	.all-content-wrapper {
		display: block;
	    position: relative;
	    line-height: 1.8;
	    font-size: 14px;
	    overflow: hidden;
	}
	.all-content-wrapper>p:first-child {
		margin-top: 0;
	}
	.all-content-wrapper>p:last-child {
		margin-bottom: 0;
	}
	.all-content-wrapper table {
		text-align: center;
	}

	.all-content-wrapper .has-tables table {
		width: 100%;
	}

	.all-content-wrapper table th,
	.all-content-wrapper table td {
		vertical-align: middle;
		padding: 8px;
		word-break: break-all;
		color: #101116;
		border: 1px solid #74747a;
	}
	.all-content-wrapper table th {
		font-weight: normal;
		background-color: #F2F3F7;
	}
	.all-content-wrapper table td a {
		color: #1d6ad8;
	}
	.all-content-wrapper table td a:hover {
		font-weight: bold;
		text-decoration: underline;
	}

	.rows-list-w {
		padding: 0;
		margin: 0;
		font-size: 0;
	}
	.rows-list-w .item-r {
		list-style: none;
		font-size: 14px;
	}
	.rows-list-w .link {
		display: block;
		position: relative;
	}
	.rows-list-w .img-box-w,
	.rows-list-w .img-box {
		position: relative;
		z-index: 3;
	}
	.rows-list-w .img-box {
		overflow: hidden;
	}
	.rows-list-w .img-box .thumb-scale-w,
	.rows-list-w .img-box .thumb-scale {
		position: relative;
		z-index: 2;
	}
	.rows-list-w .item-r .info {
		padding-top: 13px;
	}
	.rows-list-w .item-r .info .title {
		font-size: 15px;
		font-weight: bold;
	}
	.rows-list-w .item-r .info .desc {
		padding-top: 12px;
		padding-bottom: 6px;
		color: #666;
	}
	.rows-list-w .item-r .info .date {
		color: #666;
	}

	.rows-list-w .img-box img {
		display: block;
		width: 100%;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.rows-list-w .img-box .icon-video {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    z-index: 8;
	    -webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	    -o-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	    opacity: 0;
	    filter: alpha(opacity=0);
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.rows-list-w .img-box .icon-video img {
		width: 61px;
	}

	@media (max-width: 640px) {
		.all-content-wrapper .has-tables {
			position: relative;
			overflow: auto;
		}
		.all-content-wrapper .has-tables table {
			min-width: 640px;
		}
		.all-content-wrapper .has-tables::after {
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			width: 20px;
			background-color: rgba(255,255,255,.5);
		    -webkit-filter: blur(9px);
		    filter: blur(9px);
		}
	}


/* ---------------------------------
* poptrox
------------------------------------*/
	.poptrox-popup {
		overflow: visible!important;
		background: transparent!important
	}
	.poptrox-popup .caption {
	    line-height: normal!important;
		color: #363738;
		font-weight: bold;
		font-size: 16px;
		overflow: hidden;
	}
	.poptrox-popup .nav-previous,
	.poptrox-popup .nav-next {
		display: none!important;
		width: 40px;
		height: 40px;
		margin-top: -20px;
		font-size: 0;
		background-color: rgba(0,0,0,.5);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: 40px;
		background-size: 40px;
	}
	.poptrox-popup .nav-previous {
		left: -50px;
		background-image: url(../images/arrow-left.png);
	}
	.poptrox-popup .nav-next {
		right: -50px;
		background-image: url(../images/arrow-right.png);
	}
	.poptrox-popup {
		padding: 0!important;
	}
	.poptrox-popup .caption {
		display: none!important;
	}

	.poptrox-popup .closer {
		margin-right: -25px;
		font-size: 0;
		right: -20px !important;
		-webkit-background-size: 25px 25px !important;
		background-size: 25px 25px !important;
		/*background: url(../images/close.png) center no-repeat!important;*/
	}


/* ---------------------------------
* share
------------------------------------*/

	.share-wrapper {
		display: inline-block;
		position: relative;
	}

	.share-wrapper .sh-w,
	.share-wrapper .iconfont {
		line-height: 22px;
	}
	.share-wrapper .sh-w {
		line-height: 24px;
		font-size: 14px;
		font-weight: bold;
	}
	.share-wrapper .iconfont {
		font-size: 20px;
		cursor: pointer;
	}

	.share-wrapper .bdsharebuttonbox {
		display: block;
	    z-index: 4;
	    margin-top: 2px;
	}
	.share-wrapper .bdsharebuttonbox .bds_more {
		display: none;
	}
	.share-wrapper .bdsharebuttonbox a {
	    display: inline-block;
	    vertical-align: middle;
	    position: relative;
	    z-index: 5;
	    float: none;
	    margin: 0 auto;
	    width: 20px;
	    height: 20px;
	    padding: 0;
		color: #2D2B3A;
	    -webkit-background-size: 16px;
	    background-size: 16px;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-image: none;
	    opacity: 1;
	    filter: alpha(opacity=100);
	}
	.share-wrapper .bdsharebuttonbox .iconfont {
	    position: relative;
	    z-index: -3;
	}
	.share-wrapper .bdsharebuttonbox .bds_weixin:hover {
		color: #00C800;
	}
	.share-wrapper .bdsharebuttonbox .bds_tsina:hover {
		color: #FF0000;
	}
	.share-wrapper .bdsharebuttonbox .bds_qzone:hover {
		color: #FFC028;
	}

	.share-wrapper .bdsharebuttonbox .conts {
	    display: inline-block;
    	position: relative;
    	margin-left: 8px;
	}
	.share-wrapper .bdsharebuttonbox .conts .imgs {
		display: none;
	    position: absolute;
	    bottom: 100%;
	    left: 50%;
	    z-index: 8;
	    width: 80px;
	    margin-left: -20px;
	    padding-bottom: 5px;
	}
	.share-wrapper .bdsharebuttonbox .conts .imgs img {
		display: block;
		width: 100%;
	}
	@media (min-width: 993px) {
		.share-wrapper .bdsharebuttonbox .conts:hover .imgs {
			display: block;
		}
	}
	.share-wrapper .bdsharebuttonbox .conts:hover .iconfont {
		color: #1253D1;
	}



/* ---------------------------------
* pagination
------------------------------------*/

	#pages {
		margin-top: 10px;
	}
	#pages a,
	#pages span {
	    display: inline-block;
	    margin: 0 8px;
	    color: #666;
	    font-size: 14px;
	}
	#pages .a1:first-child {
	  display: none;
	}
	#pages span {
	    color: #0090f0;
	}


	.pagination-box {
		padding: 0;
		margin-top: 20px;
		font-size: 0;
	}
	.pagination-box li {
		display: inline-block;
	    margin-top: 5px;
	    margin-left: 5px;
	    margin-right: 5px;
	}
	.pagination-box li:first-child {
		margin-left: 0;
	}
	.pagination-box a {
	    display: block;
	    min-width: 48px;
		padding: 0 10px;
	    line-height: 40px;
		font-size: 14px;
		text-align: center;
		background-color: #EBECF0;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.pagination-box li.active a,
	.pagination-box a:hover {
		color: #fff;
		background-color: #1D6AD8;
	}
	@media (max-width: 767px) {
		.pagination-box li {
			margin-left: 3px;
			margin-right: 3px;
			margin-top: 3px;
		}
		.pagination-box a {
			min-width: 34px;
			line-height: 34px;
		}
	}

.site-header ul,
.site-header ol,
.site-footer ul,
.site-footer ul {
	padding-left: 0;
	margin: 0;
}

.site-header ul li,
.site-header ol li,
.site-footer ul li,
.site-footer ul li {
	list-style: none;
}



/* ---------------------------------
* header
------------------------------------*/
	.hamburger {
		display: none;
	    position: absolute;
		top: 6px;
		right: 0;
		z-index: 20;
		line-height:0;
		width: 35px;
	    height: 24px;
	}
	.hamburger:after,
	.hamburger:before {
		content: '';
		display: block;
		height: 2px;
	    border-radius: 2px;
	}
	.hamburger span {
		display: block;
		height: 2px;
		margin: 6px 0;
	}
	.hamburger:after,
	.hamburger:before,
	.hamburger span {
		position: relative;
		width: 100%;
		background: #0099ff;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}

	.hamburger.active {
		top: 12px;
		width: 24px;
	}
	.hamburger.active span {
		display: none;
	}
	.hamburger.active:before {
		top: 1px;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.hamburger.active:after {
	    -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}

	.site-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 88;
		width: 100%;
		height: 120px;
		background-color: #fff;
	}
	.site-header.box-shadow {
		-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
		-moz-box-shadow: 0 2px 8px rgba(0,0,0,.2);
		box-shadow: 0 2px 8px rgba(0,0,0,.2);
	}
	.site-header #siteName {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		opacity: 0;
		z-index: -5;
	}
	.site-header .header-content {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
	}

	.site-header .site-logo {
		display: inline-block;
		position: relative;
		z-index: 10;
		padding-top: 38px;
	}
	.site-header .site-logo a {
		display: block;
	}
	.site-header .site-logo img {
		display: block;
		height: 48px;
	}

	/* menu */
	.site-header .menu {
		position: relative;
		padding-top: 30px;
		padding-right: 30px;
		font-size: 0;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.site-header .menu .menu-item {
		display: inline-block;
		position: relative;
		margin-right: 20px;
	}

	.site-header .menu .menu-home {
		margin-left: 0;
	}
	.site-header .menu .menu-item a {
		display: block;
		font-size: 14px;
	}
	.site-header .menu .menu-item .top {
		position: relative;
	    padding: 0 6px;
		line-height: 90px;
		color: #101116;
		font-weight: bold;
	    text-transform: uppercase;
	    overflow: hidden;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.site-header .menu .menu-item:hover .top,
	.site-header .menu .menu-item.active .top {
		color: #0099ff;
	}
	.site-header .menu .menu-item:hover .top::after,
	.site-header .menu .menu-item.active .top::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		z-index: 3;
		height: 1px;
		background-color: #0099ff;
	}
	
	.site-header .menu .menu-sub {
		display: none;
	}

	/* search */
	.site-header .search-t {
	    position: absolute;
	    right: 0;
	    top: 53px;
	    width: 50px;
	    text-align: right;
	    z-index: 4;
	}
	.site-header .search-t .ipt-wrp {
		display: none;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 5;
		padding-right: 30px;
	}
	.site-header .search-t .words .iconfont,
	.site-header .search-t .sub {
		vertical-align: sub;
		font-size: 20px;
	}
	.site-header .search-t .words {
		position: relative;
		z-index: 2;
		line-height: 40px;
		color: #101116;
		cursor: pointer;
	}
	.site-header .search-t .words .iconfont {
		margin-left: 5px;
	}
	.site-header .search-t .form-control,
	.site-header .search-t .sub {
		height: 40px;
	}
	.site-header .search-t .form-control {
		width: 200px;
		padding-left: 8px;
		padding-right: 8px;
		color: #101116;
		background-color: #fff;
		border: 1px solid #0099ff;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
	}
	.site-header .search-t .sub {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    width: 30px;
	    padding: 0;
	    text-align: right;
		color: #0099ff;
		font-family: "iconfont" !important;
	    font-style: normal;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}

	/*active*/
	.site-header .search-t.active .words {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.site-header .search-t.active .ipt-wrp {
		display: block;
	}


	.promo-header {
		background-color: #2A2C34;
	}
	.promo-header .menu .menu-item .top {
		color: #f3f8ff;
	}
	.promo-header .search-t .words {
		color: #f3f8ff;
	}
	.promo-header .search-t .form-control {
		color: #f3f8ff;
		background-color: #2A2C34;
	}

	@media (max-width: 1679px) and (min-width: 1230px) {
		.site-header .menu .menu-item {
			margin-right: 12px;
		}
	}

	@media (max-width: 1229px) and (min-width: 993px) {
		.site-header {
			height: 100px;
		}
		.site-header .site-logo img {
			height: 36px;
		}
		.site-header .menu {
			padding-top: 10px;
		}
		.site-header .menu .menu-item {
			margin-right: 4px;
		}
		.site-header .search-t {
			top: 35px;
		}
	}

	@media (max-width: 992px) {
		.site-header #mmenu {
			display: none;
		}
		.hamburger {
			display: block;
		    right: 0;
    		top: 22px;
		}
		.site-header {
			height: 60px;
		}
		.site-header .site-logo {
			padding-top: 12px;
		}

		.site-header .site-logo img {
			height: 34px;
		}
		.site-header .search-t {
			top: 16px;
			right: 40px;
			width: 40px;
			text-align: center;
		}
		.site-header .search-t .words {
			line-height: 30px;
			color: #0099ff;
		}
		.site-header .search-t .ipt-wrp {
			position: fixed;
			top: 60px;
			left: 0;
			right: 0;
			z-index: 5;
			padding: 8px 40px;
			padding-right: 80px;
			background-color: rgba(255,255,255,.9);
		}
		.site-header .search-t .form-control {
			width: 100%;
		}
		.site-header .search-t .sub {
			right: 40px;
			top: 8px;
			bottom: 8px;
			width: 40px;
		}
		.site-header .search-t .words.active {
			color: #4685CB;
		}

		/* header */
		.mm-menu {
			background: #fff;
		}
		.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
			background: rgba(0,0,0,.3);
		}
		.mm-panel_opened-parent {
		    -webkit-transform: translate(-100%,0);
		    -ms-transform: translate(-100%,0);
		    transform: translate(-100%,0);
		    -webkit-transform: translate3d(-100%,0,0);
		    transform: translate3d(-100%,0,0);
		}
	}
	@media (max-width: 640px) {
		.site-header .site-logo {
			padding-top: 16px;
		}
		.site-header .site-logo img {
			height: 28px;
		}
	}



/* ---------------------------------
* footer
------------------------------------*/
	.site-footer {
		width: 100%;
		background-color: #F0F5F9;
	}
	.site-footer .contact,
	.site-footer .contact a {
		color: #1253d1;
	}
	.site-footer .contact {
		padding: 0 10px;
		font-size: 14px;
	}
	.site-footer .contact .email {
		font-size: 16px;
	}
	.site-footer .footer-box {
		padding-top: 50px;
		padding-bottom: 16px;
	}
	.site-footer .menu {
		font-size: 0;
	}
	.site-footer .menu .top {
		color: #101116;
		font-size: 14px;
	}
	.site-footer .footer-copyright {
		padding-bottom: 30px;
		line-height: 24px;
	}
	.site-footer .footer-copyright .statement {
		float: right;
		color: #3C3C3D;
		font-weight: normal;
	}

	.site-footer .friends-links {
		position: relative;
		width: 240px;
	}

	.site-footer .friends-links .items-tit {
		height: 54px;
		line-height: 44px;
		cursor: pointer;
	}
	.site-footer .friends-links .items-tit .iconfont {
		float: right;
		font-weight: bold;
		font-size: 14px;
	}
	.site-footer .friends-links .items-tit,
	.site-footer .friends-links .links-list {
		padding: 4px 10px 4px 15px;
		border: 1px solid #A5A5A8;
	}
	.site-footer .friends-links .links-list {
		display: none;
	    position: absolute;
	    bottom: 100%;
	    width: 100%;
	    z-index: 3;
		max-height: 246px;
		overflow: auto;
		background-color: #F0F5F9;
	}
	.site-footer .friends-links .items {
		margin-top: 4px;
	}
	.site-footer .friends-links .links-list a {
		display: block;
		line-height: 24px;
		white-space: nowrap;
		overflow: hidden;
    	text-overflow: ellipsis;
	}
	.site-footer .friends-links .links-list a:hover {
		color: #4685CB;
	}

	.promo-footer,
	.promo-footer .friends-links .links-list {
		background-color: #fff;
	}

	#support-website {
		display: none;
	}

	.infoPicFixed {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
	    padding: 0;
	    width: 100%;
	    height: 100%;
	    -webkit-transform: translate(0%, 0%); 
	    -moz-transform: translate(0%, 0%);
	    -ms-transform: translate(0%, 0%);
	    -o-transform: translate(0%, 0%);
	    transform: translate(0%, 0%);
	    background: rgba(0, 0, 0, 0.7);
	    z-index: 120;
	}
	.infoPicFixed .info {
		display: block;
		position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    width: 135px;
	    height: 165px;
	    font-size: 14px;
	    color: #fff;
	}
	.infoPicFixed .info img {
		width: 135px;
		height: 135px;
	}
	.infoPicFixed .info .title {
		margin: 0;
		margin-top: 5px;
		line-height: 24px;
	}

	.toorbar {
	    position: fixed;
	    right: 40px;
	    bottom: 30px;
	    z-index: 30;
	}
	.toorbar .item-r {
		margin-top: 10px;
	}
	.toorbar .link {
		display: block;
		cursor: pointer;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	    -o-border-radius: 50%;
	    border-radius: 50%;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	}
	.toorbar .link img {
		display: block;
	    width: 46px;
	    height: 46px;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	    -o-border-radius: 50%;
	    border-radius: 50%;
	}
	.toorbar .link:hover {
	}



	@media (min-width: 993px) {
		.site-footer .menu,
		.site-footer .footer-box {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-webkit-justify-content: space-between;
			-moz-justify-content: space-between;
			-ms-justify-content: space-between;
			-o-justify-content: space-between;
			justify-content: space-between;
		}
		.site-footer .menu .menu-item {
			margin-left: 20px;
		}
		.site-footer .menu .menu-item:first-child {
			margin-left: 0;
		}
	}
	@media (max-width: 1229px) and (min-width: 993px) {
		.site-footer .menu {
			display: block;
			width: 400px;
		}
		.site-footer .menu .menu-item {
			display: inline-block;
			margin: 0;
			width: 25%;
		}
		.site-footer .friends-links .items-tit {
			height: 40px;
			line-height: 30px;
		}
	}
	@media (max-width: 992px) {
		.site-footer .container {
		    margin-left: 20px;
		    margin-right: 20px;
		}
		.site-footer .footer-box {
			padding-top: 20px;
			padding-bottom: 20px;
		}
		.site-footer .menu {
			display: none;
		}
		.site-footer .friends-links .items-tit {
			height: 36px;
			line-height: 26px;
		}
		.site-footer .friends-links {
			margin-top: 20px;
		}
		.site-footer .footer-copyright .support {
			display: block;
			float: none;
		}
	}

	@media (max-width: 640px) {
		.toorbar {
			right: 15px;
		}
		.toorbar .link img {
			width: 35px;
			height: 35px;
		}
	}




/* ---------------------------------
* public
------------------------------------*/
	.banner-right,
	.banner-left {
		position: absolute;
		top: 50%;
		margin-top: -34px;
		z-index: 5;
		width: 68px;
		height: 68px;
		line-height: 64px;
		outline: none;
		color: #8FCDF6;
		text-align: center;
		border: 2px solid #8FCDF6;
		font-family: "iconfont" !important;
		font-size: 28px;
		font-style: normal;
		font-weight: bold;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		cursor: pointer;
	    -webkit-transition: all 0.3s ease-out;
	    -moz-transition: all 0.3s ease-out;
	    -o-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    -o-user-select: none;
	    user-select: none;
	}
	.banner-left {
		left: 0;
	}
	.banner-right {
		right: 0;
	}
	.banner-right:hover,
	.banner-left:hover {
		color: #0090F0;
		border-color: #0090F0;
	}
	.banner-pagination {
		text-align: center;
	}
	.banner-pagination .swiper-pagination-bullet {
		width: 7px;
		height: 7px;
		margin: 0 3px;
		border-radius: 50%;
		border: 1px solid #FAB8A4;
	}
	.banner-pagination .swiper-pagination-bullet-active {
		background-color: #FF3E06;
		border-color: #FF3E06;
	}

	.site-banner {
		position: relative;
		z-index: 2;
	}
	.site-banner .gallery {
		position: relative;
	}
	.site-banner .gallery img {
		display: block;
		width: 100%;
	}
	
	@media (max-width: 992px) {
		.banner-right,
		.banner-left {
			width: 48px;
			height: 48px;
			margin-top: -24px;
			line-height: 44px;
			font-size: 20px;
			border: 1px solid #8FCDF6;
		}
	}
	
	@media (max-width: 640px) {
		.banner-right,
		.banner-left {
			width: 30px;
			height: 30px;
			margin-top: -15px;
			line-height: 28px;
			font-size: 14px;
		}
	}

.site-section {
	position: relative;
	z-index: 1;
}

@media (min-width: 1230px) {
	.site-section {
		margin-top: 120px;
	}
}
@media (max-width: 1229px) and (min-width: 993px) {
	.site-section {
		margin-top: 100px;
	}
}

@media (max-width: 992px) {
	.site-section {
		margin-top: 60px;
	}
}


.layer {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 132;
    background-color: rgba(0,0,0,.5);
}
.isHidden {
	overflow: hidden;
}


/* ---------------------------------
* home
------------------------------------*/


	/*--------------
	* banner
	----------------*/
		.promo-banner {
			position: relative;
		}
		.promo-banner .gallery-thumbs {
			position: relative;
			padding: 0 8%;
			padding-bottom: 14px;
			text-align: center;
		}
		.promo-banner .gallery-top .gallery {
			cursor: default;
		}
		.promo-banner .gallery-thumbs .gallery {
			cursor: pointer;
		}
		.promo-banner .banner-more {
			/*display: none;*/
		}
		
		@media (min-width: 1680px) {
			.promo-banner .link-more {
				height: 180px;
				line-height: 180px;
			}
		}
		@media (max-width: 1679px) and (min-width: 993px) {
			.promo-banner .link-more {
				height: 120px;
				line-height: 120px;
			}
		}
		@media (min-width: 993px) {
			.promo-banner:after {
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				height: 60%;
				background-color: #2A2C34;
			}
			.promo-banner .bottom-infos {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				z-index: 4;
				bottom: 0;
				width: 84.375%;
			}
			.promo-banner .gallery-thumbs {
			}

			.promo-banner .gallery-thumbs .swiper-wrapper {
				-webkit-justify-content: center;
				-moz-justify-content: center;
				-ms-justify-content: center;
				-o-justify-content: center;
				justify-content: center;
				cursor: default;
			}
			.promo-banner .gallery-thumbs .swiper-slide .boxs {
				display: block;
				position: relative;
				padding-bottom: 25px;
				color: #fff;
				font-weight: bold;
				border-bottom: 3px solid #EBECED;
				cursor: pointer;
			}
			.promo-banner .gallery-thumbs .swiper-slide-thumb-active .boxs {
				/*border-bottom-color: #f00;*/
			}
			.promo-banner .gallery-thumbs .swiper-slide-thumb-active .boxs::after {
				content: '';
				position: absolute;
				left: 0;
				bottom: -3px;
				width: 76%;
				height: 3px;
				background-color: #f00;
			}

			.promo-banner .banner-pic {
				position: relative;
				z-index: 3;
			}

			.promo-banner .banner-more {
				position: absolute;
				right: 0;
				/*bottom: -40px;*/
				bottom: 0;
				z-index: 5;
				width: 16%;
			}
			.promo-banner .link-more {
				display: block;
				width: 100%;
				text-align: center;
				color: #fff;
				font-size: 16px;
				font-weight: bold;
				background-color: #2A2C34;
			}
			.promo-banner .banner-left,
			.promo-banner .banner-right {
				display: none;
			}
		}
		@media (max-width: 992px) {
			.promo-banner .gallery-thumbs {
				width: 100%;
				padding-left: 30px;
				padding-right: 30px;
			}
			.promo-banner .bottom-infos {
				display: none;
			}
			.promo-banner .banner-more {
				position: absolute;
				right: 0;
				bottom: 0;
				width: 16%;
				min-width: 140px;
			}
			.promo-banner .link-more {
				display: block;
				width: 100%;
				height: 50px;
				line-height: 50px;
				text-align: center;
				color: #fff;
				font-size: 16px;
				font-weight: bold;
				background-color: #2A2C34;
			}
		}
		@media (max-width: 993px) {
			.promo-banner .banner-left {
				left: 20px;
			}
			.promo-banner .banner-right {
				right: 20px;
			}
		}



	/*--------------
	* product
	----------------*/
		.promo-product {
			padding-top: 65px;
			padding-bottom: 110px;
		}
		.promo-product .product-box {
			position: relative;
			/*padding-top: 100px;*/
			padding-top: 40px;
			/*padding-bottom: 100px;*/
		}
		.promo-product .product-box .product-tab {
			position: relative;
		}

		.promo-product .product-box .product-tab .tab {
			position: relative;
			margin-top: 16px;
			padding-bottom: 8px;
			line-height: 30px;
			font-size: 20px;
			cursor: pointer;
		}
		.promo-product .product-box .product-tab .tab:first-child {
			margin-top: 0;
		}
		.promo-product .product-box .product-tab .tab:hover {
			color: #FF0001;
		}
		.promo-product .product-box .product-tab .active {
			color: #FF0001;
			font-size: 24px;
			font-weight: bold;
		}
		.promo-product .product-box .product-tab .active::after {
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			width: 46px;
			height: 3px;
			background-color: #FF0001;
		}
		.promo-product .swiper-slide {
			z-index: 1;
			/*border-top: 2px solid #DBE7F5;*/
		}
		.promo-product .swiper-slide:hover {
			z-index: 2;
		}
		.promo-product .product-list .item-r {
			/*background-color: #fff;*/
		}
		.promo-product .product-box .content .swiper-container {
			display: none;
		}
		.promo-product .product-list .item-r .infos {
			/*padding: 5%;*/
			margin-bottom: 16px;
		}
		.promo-product .product-list .item-r .link {
			background-color: transparent;
		}
		.promo-product .product-list .item-r .link:hover {
			/* -webkit-box-shadow: 0 0 12px rgba(0,0,0,.3);
					    -moz-box-shadow: 0 0 12px rgba(0,0,0,.3);
					    box-shadow: 0 0 12px rgba(0,0,0,.3); */
		}
		.promo-product .product-list .item-r .link:hover .img-box {
			/* -webkit-box-shadow: none;
					    -moz-box-shadow: none;
					    box-shadow: none; */
		}

		.promo-product .product-list .item-r .link .more  {
			display: none;
		}
		
		@media (min-width: 993px) {
			.promo-product .product-box::after {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				bottom: 0;
				z-index: -1;
				/*width: 32.4%;*/
				width: 20%;
				background-color: #EFF5FA;
			}
			.promo-product .product-list {
			    display: -webkit-flex;
			    display: -moz-flex;
			    display: -ms-flex;
			    display: -o-flex;
			    display: flex;
			}
			.promo-product .product-box .product-tab {
				width: 240px;
				flex: 0 0 240px;
				/*padding-bottom: 10%;*/
			}
			.promo-product .product-box .rows-list-w {
				padding-bottom: 40px;
			}
			.promo-product .product-box .content {
				flex: 1;
				overflow: hidden;
			}
			.promo-product .banner-info {
				/*position: absolute;*/
				/*left: 50%;*/
				/*left: 0;*/
				/*bottom: 10%;*/
				position: relative;
				width: 142px;
				/*margin-left: -71px;*/
				height: 68px;
			}
		}
		@media (max-width: 992px) {
			.promo-product {
				padding-top: 30px;
				padding-bottom: 30px;
			}
			.promo-product .product-box {
				padding: 0 20px;
			}
			.promo-product .product-box .product-tab .tab {
				display: inline-block;
				margin-left: 20px;
				padding-bottom: 4px;
				margin-top: 0;
				font-size: 16px;
			}
			.promo-product .product-box .product-tab .tab:first-child {
				margin-left: 0;
			}
			.promo-product .product-box .product-tab .active::after {
				width: 34px;
				height: 2px;
			}
			.promo-product .banner-info {
				margin-top: 20px;
				margin-bottom: 20px;
			}
			.promo-product .banner-info,
			.promo-product .banner-info .info-jt {
				height: 48px;
			}
			.promo-product .banner-info .info-jt {
				position: relative;
				width: 100px;
				float: right;
			}
		}

		@media (min-width: 641px) {
			/* .promo-product .swiper-slide:nth-child(3n) {
				border-right: 2px solid #DBE7F5;
			} */
		}
		@media (max-width: 640px) {
			/* .promo-product .swiper-slide:nth-child(2n) {
				border-right: 2px solid #DBE7F5;
			} */
			.promo-product .product-box .product-tab .tab {
				vertical-align: baseline;
				width: 33.33%;
				margin: 0;
				margin-top: 10px;
				font-size: 14px;
			}
			.promo-product .banner-info,
			.promo-product .banner-info .info-jt {
				height: 30px;
			}
			.promo-product .banner-info .info-jt {
				width: 65px;
			}
			.promo-product .product-list .item-r .link .more  {
				display: none;
			}

		}



	/*--------------
	* about
	----------------*/
		.promo-about {
			padding-bottom: 140px;
		}
		.promo-about .about-box {
			position: relative;
		}
		.promo-about .content .page-entitle img {
			display: block;
			width: 89.7%;
		}
		.promo-about .content .all-content-wrapper {
			margin-top: 37px;
			margin-bottom: 55px;
		}
		.promo-about .content .more {
			display: inline-block;
			text-decoration: underline;
			color: #ff0001;
			font-weight: bold;
		}
		.promo-about .gallery {
			position: relative;
		}
		.promo-about .gallery .pic-i {
			position: relative;
			z-index: 3;
			width: 88.675%;
		}
		.promo-about .gallery .pic-y {
			position: absolute;
			top: 0;
			right: 0;
			z-index: 1;
			width: 55.34%;
		}

		.small-title {
			color: #ff0001;
			font-size:20px;
		}

		@media (min-width: 993px) {
			.promo-about .about-box {
			    display: -webkit-flex;
			    display: -moz-flex;
			    display: -ms-flex;
			    display: -o-flex;
			    display: flex;
			    -webkit-justify-content: space-between;
			    -moz-justify-content: space-between;
			    -ms-justify-content: space-between;
			    -o-justify-content: space-between;
			    justify-content: space-between;
			}
			.promo-about .content {
				width: 35%;
				padding: 0 2.3%;
				padding-top: 2.4%;
			}
			.promo-about .gallery {
				width: 58.5%;
				padding-top: 2.4%;
			}
		}

		@media (max-width: 1229px) and (min-width: 993px) {
			.promo-about {
				padding-bottom: 80px;
			}
			.promo-about .content .title-col {
				padding-top: 20px;
			}
		}
		@media (max-width: 992px) {
			.small-title {
				font-size: 16px;
			}
			.promo-about {
				padding: 10px 20px 40px;
			}
			.promo-about .content .all-content-wrapper {
				margin-top: 20px;
				margin-bottom: 16px;
			}
			.promo-about .gallery {
				margin-top: 30px;
			}
			.promo-about .gallery .pic-i {
				display: block;
				width: 100%;
			}
			.promo-about .gallery .pic-y {
				display: none;
			}
			.promo-about .content .title-col {
				padding-top: 20px;
			}
		}




	/*--------------
	* recommend
	----------------*/
		.promo-recommend {
			padding-bottom: 70px;
			background-color: #EFF5FA;
		}
		.promo-recommend .recommend-box {
			width: 95%;
			padding: 0 2.6%;
		}
		.promo-recommend .lists {
			margin-top: 22px;
		}
		.promo-recommend .lists .boxs {
			display: block;
			padding: 8px;
			text-align: center;
			color: #101116;
			border: 2px solid #C1D4E4;
		}
		@media (max-width: 992px) {
			.promo-recommend {
				padding-bottom: 40px;
			}
			.promo-recommend .recommend-box {
				width: 100%;
				padding: 0 20px;
			}
		}




/* ---------------------------------
* inner
------------------------------------*/
	.inner-banner .banner-img {
		display: none;
		width: 100%;
	}
	.inner-banner {
		position: relative;
		z-index: 3;
	}

	@media (min-width: 1230px) {
		.inner-banner .gallery {
			/*height: 240px;*/
			height: 360px;
		}
	}
	@media (max-width: 1229px) {
		.inner-banner .gallery {
			height: 150px;
		}
	}

	.inner-wrapper {
		position: relative;
		z-index: 5;
	}

	.content-wrp {}

	.allPage-content {}

	.bg-F0F5F9 {
		background-color: #F0F5F9;
	}

	.promo-position {
		position: relative;
		background-color: #D5E1EF;
	}
	.promo-position .site-column {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 5;
		padding: 0 52px;
		height: 100px;
		line-height: 100px;
		color: #fff;
		background-color: rgba(0,144,240,.92);
	}
	.promo-position .boxs {
		position: relative;
		z-index: 3;
		padding: 13px 0;
		text-align: right;
	}
	.promo-position a {
		line-height: 24px;
		font-size: 12px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.promo-position a:hover {
		color: #0099ff;
	}
	.promo-position .home-p {
		display: inline-block;
	}
	.promo-position .home-p .link {
		display: block;
	}
	.promo-position .home-p .ic {
		display: inline-block;
		vertical-align: middle;
		font-family: iconfont;
	    font-size: 16px;
	    text-align: center;
	    font-style: normal;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    vertical-align: -1px;
	    -webkit-text-stroke-width: 0!important;
	}
	.promo-position .home-p .words {
		display: inline-block;
		margin-left: 3px;
	}
	.promo-position .infos {
		display: inline;
		line-height: 24px;
	}
	.promo-position .infos a {
		color: #101116;
	}

	.title-col-cont {
		margin: 0;
		line-height: 30px;
		font-size: 24px;
		font-weight: normal;
		color: #101116;
	}

	.page-entitle {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.title-col {
		margin: 0;
		padding-top: 40px;
		line-height: 32px;
		font-size: 28px;
		font-weight: bold;
		color: #101116;
	}
	.title-cen {
		margin: 0;
		font-weight: normal;
		font-size: 15px;
		font-family: 'Arial';
	}

	.inner-col {}
	.inner-col ul {
		padding: 0;
		margin: 0;
		font-size: 0;
		text-align: center;
	}
	.inner-col ul li {
		display: inline-block;
		list-style: none;
		margin: 0 20px;
	}
	.inner-col ul li a {
		display: block;
		position: relative;
		padding-bottom: 4px;
		line-height: 36px;
		color: #515257;
		font-size: 22px;
		font-weight: bold;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.inner-col ul li a::after {
	    content: '';
	    position: absolute;
	    bottom: 0;
	    left: 50%;
	    height: 2px;
	    width: 0;
	    background-color: transparent;
	    --webkit-transform: translate(-50%, 0);
	    -moz-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	    -o-transform: translate(-50%, 0);
	    transform: translate(-50%, 0);
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.inner-col ul li a:hover,
	.inner-col ul li.active a {
		color: #0090f0;
	}
	.inner-col ul li a:hover::after,
	.inner-col ul li.active a::after {
		width: 100%;
		background-color: #0090f0;
	}

	.loading-more {
		margin-top: 54px;
		height: 54px;
		line-height: 54px;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		color: #082a6b;
		cursor: pointer;
		background-color: #DBE7F5;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.loading-more .iconfont {
		display: inline-block;
		margin-left: 5px;
		font-size: 26px;
	}
	.loading-more:hover {
		color: #ff0000;
	}

	@media (min-width: 993px) {
		.page-content {
			padding: 0 15.6%;
		}
		.paddingBottom40 {
		    padding-bottom: 40px;
		}
		.paddingBottom60 {
			padding-bottom: 60px;
		}
		.paddingBottom70 {
		    padding-bottom: 66px;
		}
		.paddingTop40 {
		    padding-top: 40px;
		}
		.paddingTop60 {
		    padding-top: 60px;
		}
	}

	@media (max-width: 992px) {
		.promo-position .site-column {
			display: none;
		}
		.promo-position .boxs {
			text-align: left;
		}
		.title-col {
			line-height: 24px;
			font-size: 20px;
		}
		.paddingBottom40 {
		    padding-bottom: 30px;
		}
		.paddingBottom60,
		.paddingBottom70 {
		    padding-bottom: 40px;
		}
		.paddingTop30 {
		    padding-top: 30px;
		}
		.paddingTop60 {
		    padding-top: 30px;
		}
		.loading-more {
			margin-top: 30px;
		}
		.page-content {
			padding-top: 20px;
		}
		.page-content .page-entitle img {
			width: 89.7%;
		}
		.page-content .title-col {
			padding-top: 30px;
		}
	}





/*--------------
* product filter
----------------*/
	.product-content-flex .product-left ul {
		padding: 0;
		margin: 0;
		font-size: 0;
	}
	.product-content-flex .product-left ul li {
		list-style: none;
		margin-bottom: 4px;
	}

	.product-content-flex .product-left .menu-sub a {
		display: block;
		position: relative;
		padding: 12px 26px;
		padding-right: 34px;
		line-height: 24px;
		color: #204fac;
		font-size: 16px;
		font-weight: bold;
	 	background-color: #EFF5FA;
	 	-webkit-transition: all 0.3s;
	 	-moz-transition: all 0.3s;
	 	-ms-transition: all 0.3s;
	 	-o-transition: all 0.3s;
	 	transition: all 0.3s;
	 }
	.product-content-flex .product-left .menu-sub .iconfont {
		position: absolute;
		right: 0;
		top: 0;
		margin-right: 26px;
		margin-top: 12px;
		line-height: 24px;
	}

	.product-content-flex .product-left .menu-sub .active a,
	.product-content-flex .product-left .menu-sub a:hover {
		color: #fff;
		background-color: #0090F0;
	}

	.product-type-in {
	    display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    -o-flex-wrap: wrap;
	    flex-wrap: wrap;
	    max-height: 280px;
	    overflow: auto;
	}

	.product-type-in::-webkit-scrollbar {/*滚动条整体样式*/

        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 1px;

    }

	.product-type-in::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        background: #535353;

    }

	.product-type-in::-webkit-scrollbar-track {/*滚动条里面轨道*/

        background: #EDEDED;

	}


	.product-type-in .item-r {
		display: inline-block;
		margin-bottom: 20px;
	}
	.product-type-in .item-r .link {
		display: block;
		padding: 6px 30px;
		margin-right: 18px;
		line-height: 24px;
		color: #0090f0;
		font-size: 14px;
		font-weight: bold;
		border: 1px solid #0090F0;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.product-type-in .item-r .link:hover {
		color: #ff0000;
		border-color: #ff0000;
	}

	@media (min-width: 993px) {

		.product-content-flex {
		    display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		}
		.product-content-flex .product-left {
			width: 18.75%;
			flex: 0 0 18.75%;
			min-width: 200px;
		}
		.product-content-flex .product-right {
			flex: 1;
			padding-left: 75px;
		}
	}
	@media (max-width: 992px) {
		.product-content-flex .product-left ul li {
			display: inline-block;
			margin-bottom: 10px;
			margin-right: 10px;
		}
		.product-content-flex .product-left .menu-sub a {
			padding: 5px 16px;
			font-size: 14px;
		}
		.product-content-flex .product-left .menu-sub .iconfont {
			display: none;
		}

		.product-content-flex .product-right {
			padding-top: 20px;
		}
	}


	.product-filter {}
	.product-filter .all-pubs {
		position: relative;
		z-index: 3;
	    margin-top: 15px;
	}
	.product-filter .all-pubs:first-child {
		margin-top: 0;
	}
	.product-filter .all-tit {
		padding-top: 10px;
	}
	.product-filter .all-tabs .link,
	.product-filter .all-pubs .moreBtns {
		margin-top: 10px;
	}
	.product-filter .all-tit {
		display: block;
		line-height: 24px;
		font-weight: bold;
		font-size: 16px;
		color: #101116;
	}
	.product-filter .all-tabs {
		font-size: 0;
	    height: 34px;
	    overflow: hidden;
	}
	.product-filter .all-tabs.autoHeight {
		height: auto;
	}
	.product-filter .link {
		display: inline-block;
		margin-right: 30px;
		padding-left: 28px;
		line-height: 24px;
		font-size: 14px;
		background-image: url(../images/icon@jx-gary.png);
		background-repeat: no-repeat;
		-webkit-background-size: 23px;
		background-size: 23px;
		background-position: left center;
		cursor: pointer;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.product-filter .all-tabs .link:hover,
	.product-filter .all-tabs .link.active {
		color: #ff0000;
		background-image: url(../images/icon@jx-red.png);
	}
	
	.product-filter .all-pubs .moreBtns {
		overflow: hidden;
	}
	.product-filter .all-pubs .moreBtns .more {
		float: right;
		display: block;
		width: 58px;
		height: 24px;
		line-height: 22px;
		text-align: center;
		font-size: 12px;
		color: #515257;
		border: 1px solid #515257;
		cursor: pointer;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.product-filter .all-pubs .moreBtns .more:hover,
	.product-filter .all-pubs .moreBtns .shouqi {
		color: #ff0000;
		font-weight: bold;
		border-color: #ff0000;
	}
	.product-filter .all-pubs .moreBtns .shouqi {
		display: none;
	}

	@media (min-width: 481px) {
		.product-filter .all-pubs {
			display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		}
		.product-filter .all-tit {
			width: 74px;
			flex: 0 0 74px;
		}
		.product-filter .all-tabs {
			flex: 1;
		}
		.product-filter .all-pubs .moreBtns {
			width: 100px;
		}
	}
	@media (max-width: 480px) {
		.product-filter .all-pubs {
			padding-right: 60px;
		}
		.product-filter .all-tit {
			font-size: 14px;
		}
		.product-filter .all-tabs {
			height: 102px;
		}
		.product-filter .all-pubs .moreBtns {
		    position: absolute;
		    right: 0;
		    top: 34px;
		    z-index: 5;
			width: 58px;
		}
	}




/*--------------
* product
----------------*/

	.product-bg {
		position: absolute;
		left: -68px;
		top: -34px;
		z-index: -1;
		width: 150px;
		height: 150px;
		font-size: 0;
		background-image: url(../images/icon@bg-pr.png);
	}
	.product-list-in {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.product-list-in .no-data {
		font-size: 14px;
	}
	.product-list .item-r {
		/*border: 2px solid #DBE7F5;*/
		border-right: none;
		border-top: none;
	    -webkit-transition: all 0.3s ease-out;
	    -moz-transition: all 0.3s ease-out;
	    -o-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	}
	.product-list .item-r .link {
		background-color: #fff;
	}
	.product-list .item-r:last-child {
		/*border-right: 2px solid #DBE7F5;*/
	}
	.product-list .item-r .link .img-box {
		position: relative;
		z-index: 2;
	    -webkit-transition: all 0.3s ease-out;
	    -moz-transition: all 0.3s ease-out;
	    -o-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	}
	.product-list .item-r .link .img-box img {
		/*width: auto;*/
		margin:  0 auto;
	}
	.product-list .item-r .infos {
		/*padding: 8%;*/
		margin-bottom: 16px;
		padding-bottom: 0;
		color: #082a6b;
	}
	.product-list .item-r .type {
		font-size: 16px;
		font-weight: bold;
	}
	.product-list .item-r .titl {
		margin-top: 4px;
	}
	.product-list .item-r .link .more {
		display: inline-block;
		width: 120px;
		height: 50px;
		line-height: 46px;
		text-align: center;
		color: #0090f0;
		font-weight: bold;
		font-size: 15px;
		border: 2px solid #0090F0;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	    -webkit-transition: all 0.3s ease-out;
	    -moz-transition: all 0.3s ease-out;
	    -o-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	}

	.product-list .item-r:hover .img-box {
		z-index: 2;
		-webkit-box-shadow: 0 0 12px rgba(0,0,0,.3);
		-moz-box-shadow: 0 0 12px rgba(0,0,0,.3);
		box-shadow: 0 0 12px rgba(0,0,0,.3); 
	}
	.product-list .item-r .link:hover .more {
		color: #fff;
		background-color: #0090F0;
	}
	
	@media (min-width: 641px) {
		.product-list-in .item-r {
			display: inline-block;
			position: relative;
			z-index: 1;
			/*width: 33.33%;*/
			width: 31.7%;
			margin-right: 2.45%;
		}
		.product-list-in .item-r:nth-child(3n) {
			margin-right: 0;
		}
		/* .product-list-in .item-r:nth-child(3n) {
			border-right: 2px solid #DBE7F5;
		}
		.product-list-in .item-r:nth-child(1),
		.product-list-in .item-r:nth-child(2),
		.product-list-in .item-r:nth-child(3) {
			border-top: 2px solid #DBE7F5;
		} */
		.product-list .item-r .link {
			padding-bottom: 30px;
		}
		.product-list .item-r .link .more {
			position: absolute;
			bottom: 8%;
			right: 8%;
			z-index: 5;
		}
	}
	@media (max-width: 640px) {
		.product-list-in .item-r {
			display: inline-block;
			position: relative;
			z-index: 1;
			width: 48%;
			margin-right: 4%;
			margin-bottom: 20px;
		}
		.product-list-in .item-r:nth-child(2n) {
			margin-right: 0;
		}
		/* .product-list-in .item-r:nth-child(2n) {
			border-right: 2px solid #DBE7F5;
		}
		.product-list-in .item-r:nth-child(1),
		.product-list-in .item-r:nth-child(2) {
			border-top: 2px solid #DBE7F5;
		} */
		.product-list .item-r .infos {
			/*padding: 10px;*/
			margin-bottom: 10px;
			text-align: left;
		}
		.product-list .item-r .link {
			text-align: right;
		}
		.product-list .item-r .link .more {
		    width: 100px;
		    height: 36px;
		    margin-bottom: 20px;
		    margin-right: 10px;
		    line-height: 32px;
		    font-size: 13px;
		}
		.product-list .item-r .type {
			font-size: 14px;
		}
	}




/*--------------
* productDetail
----------------*/
	.bgColorEFF5FA {
		background-color: #EFF5FA;
	}
	.productDetail-list-in .gallery {
		text-align: center;
		/*border: 2px solid #DBE7F5;*/
		/*background-color: #fff;*/
		background-color: transparent;
	}
	.productDetail-list-in .gallery img {
		width: 100%;
	}
	.productDetail-list-in .profile .type {
		color: #FF0000;
		font-size: 24px;
	}
	.productDetail-list-in .profile .title {
		margin-top: 20px;
		margin-bottom: 12px;
		color: #101116;
		font-weight: bold;
		font-size: 16px;
	}
	.productDetail-list-in .gallery .infos {
	    /*padding: 25px;*/
	    margin-bottom: 16px;
	    /*padding-bottom: 0;*/
	    text-align: left;
	   	font-size: 16px;
    	font-weight: bold;
	    color: #082a6b;
	}

	.productDetail-content {}
	.productDetail-content .tabs-in {
		background-color: #D5E1EF;
	}
	.productDetail-content .tabs-in .item-r {
		display: inline-block;
		height: 46px;
		padding: 0 36px;
		line-height: 46px;
		font-size: 16px;
		color: #101116;
		cursor: pointer;
		border-top: 2px solid transparent;
	    -webkit-transition: all 0.3s ease-out;
	    -moz-transition: all 0.3s ease-out;
	    -o-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	}
	.productDetail-content .tabs-in .active {
		color: #ff0000;
		background-color: #fff;
		border-top-color: #ff0000;
	}
	.productDetail-content .contents {
		padding: 28px 36px;
		background-color: #fff;
	}
	.productDetail-content .contents .text {
		display: none;
	}

	.productDetail-content-w .item-r {
		font-size: 16px;
		font-weight: bold;
		color: #515257;
		cursor: default;
	}
	.productDetail-content-w .contents {
		background-color: transparent;
		padding-left: 0;
		padding-right: 0;
	}

	@media (min-width: 641px) {
		.productDetail-list-in {
			display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    -webkit-justify-content: space-between;
		    -moz-justify-content: space-between;
		    -ms-justify-content: space-between;
		    -o-justify-content: space-between;
	    	justify-content: space-between;
		}
		.productDetail-list-in .gallery {
			width: 320px;
			flex: 0 0 320px;
		}
		.productDetail-list-in .profile {
			flex: 1;
		    padding: 4%;
		    padding-top: 0;
		}
		.productDetail-content {
			margin-top: 55px;
		}
	}
	@media (max-width: 640px) {
		.productDetail-list-in .profile {
			margin-top: 20px;
			padding: 0;
		}
		.productDetail-list-in .profile .type {
			font-size: 20px;
		}
		.productDetail-content {
			margin-top: 30px;
		}
		.productDetail-content .tabs-in .item-r {
			padding: 0 20px;
		}
		.productDetail-content .contents {
			padding: 20px;
		}
		.productDetail-content-w .contents {
			padding-left: 0;
			padding-right: 0;
		}
		.productDetail-list-in .gallery .infos {
			/*padding-top: 20px;*/
			font-size: 14px;
		}
	}
	@media (max-width: 480px) {
		.productDetail-content .tabs-in .item-r {
			width: 33.3%;
			padding: 0 10px;
			height: 40px;
			line-height: 40px;
			text-align: center;
		}
	}





/*--------------
* news
----------------*/
	.news-list-in .item-r .time {
		font-size: 12px;
	}
	.news-list-in .item-r .titl {
		margin-top: 2px;
		line-height: 30px;
		font-size: 20px;
		color: #101116;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.news-list-in .item-r .img-box {
	    background-position: center;
	    background-repeat: no-repeat;
	    -webkit-background-size: 100% 100%;
	    background-size: 100% 100%;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.news-list-in .item-r .img-box img {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.news-list-in .item-r .desc {
		margin-top: 16px;
		line-height: 24px;
		max-height: 48px;
		overflow: hidden;
	}
	.news-list-in .item-r .more {
		position: relative;
		margin-top: 60px;
		line-height: 24px;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.news-list-in .item-r .more .words {
		display: inline-block;
		border-bottom: 1px solid #101116;
	}
	.news-list-in .item-r .more .iconfont {
		line-height: 24px;
		font-size: 16px;
		vertical-align: baseline;
	}
	.news-list-in .item-r .link:hover .img-box {
	    -webkit-background-size: 110% 110%;
		background-size: 110% 110%;
	}
	.news-list-in .item-r .link:hover .titl {
		font-weight: bold;
	}
	.news-list-in .item-r .link:hover .more,
	.news-list-in .item-r .link:hover .more .iconfont {
		color: #ff0000;
	}
	.news-list-in .item-r .link:hover .words {
		border-bottom-color: #ff0000;
	}
	@media (min-width: 641px) {
		.news-list-in .item-r {
			margin-top: 80px;
		}
		.news-list-in .item-r:first-child {
			margin-top: 40px;
		}
		.news-list-in .item-r .link {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-webkit-justify-content: space-between;
			-moz-justify-content: space-between;
			-ms-justify-content: space-between;
			-o-justify-content: space-between;
			justify-content: space-between;
		}
		.news-list-in .item-r .img-box {
			width: 370px;
			flex: 0 0 370px;
		}
		.news-list-in .item-r .infos {
			flex: 1;
			padding-top: 10px;
			padding-bottom: 16px;
		}
	}
	@media (min-width: 1680px) {
		.news-list-in .item-r .infos {
			padding-left: 56px;
			padding-right: 65px;
		}
	}
	@media (max-width: 1679px) and (min-width: 993px) {
		.news-list-in .item-r .infos {
			padding-left: 40px;
			padding-right: 45px;
		}
	}
	@media (max-width: 992px) and (min-width: 641px) {
		.news-list-in .item-r {
			margin-top: 40px;
		}
		.news-list-in .item-r .img-box {
			width: 260px;
			flex: 0 0 260px;
		}
		.news-list-in .item-r .infos {
			padding-left: 20px;
		}
		.news-list-in .item-r .more {
			margin-top: 30px;
		}
	}

	@media (max-width: 640px) {
		.news-list-in {
			padding-top: 30px;
		}
		.news-list-in .item-r {
			margin-bottom: 24px;
			padding-bottom: 20px;
			border-bottom: 1px solid #d7d7d7;
		}
		.news-list-in .item-r .infos {
			margin-top: 20px;
		}
		.news-list-in .item-r .more {
			margin-top: 20px;
		}
		.news-list-in .item-r .titl {
			font-size: 16px;
		}
	}




/*--------------
* detail
----------------*/

	.detail-wrapper-in {}
	
	.detail-left {
		color: #101116;
	}
	.detail-left .time {
		font-weight: bold;
	}
	.detail-left .share-wrapper {
		margin-top: 12px;
	}

	.detail-right {}

	.detail-tit {
		font-size: 20px;
		font-weight: bold;
		color: #101116;
	}
	.detail-content {
		margin-top: 14px;
	}

	.detail-control .item-r {
		margin-top: 8px;
	}
	.detail-control .item-r .link {
		display: block;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}
	.detail-control .item-r .link:hover {
		font-weight: bold;
		color: #101116;
	}
	.detail-right .return-list {
		margin-top: 30px;
	}
	.detail-right .return-list .words {
		display: inline-block;
		cursor: pointer;
	}
	.detail-right .return-list .words:hover {
		color: #0099ff;
	}


	@media (min-width: 993px) {
		.detail-right .time,
		.detail-right .share-wrapper,
		.detail-right .detail-control {
			display: none;
		}
		.detail-control {
			position: absolute;
			bottom: 0;
			left: 40px;
			right: 40px;
		}
		.detail-wrapper-in {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-webkit-justify-content: space-between;
			-moz-justify-content: space-between;
			-ms-justify-content: space-between;
			-o-justify-content: space-between;
			justify-content: space-between;
		}
		.detail-wrapper-in .detail-left {
			position: relative;
			width: 284px;
			flex: 0 0 284px;
			padding: 0 40px;
		}
		.detail-wrapper-in .detail-right {
			position: relative;
			flex: 1;
			padding-left: 30px;
		}
		.detail-content {
			min-height: 200px;
		}
	}
	@media (max-width: 992px) {
		.detail-left {
			display: none;
		}
		.detail-control {
			margin-top: 30px;
		}
		.detail-right .time {
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.detail-content {
			margin-top: 20px;
		}
		.detail-right .share-wrapper .bdsharebuttonbox {
			display: inline-block;
		}
	}






/*--------------
* map public
----------------*/
	.my-map, #mapContainer {
		width: 100%;
	}

	.my-map .icon {
	    cursor: pointer;
	    background-image: url(../images/marker.png);
	    background-repeat: no-repeat;
	}
	.my-map .amap-info-content h5.title {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 16px;
		font-weight: bold;
	    color: #115ac3;
	}
	.my-map .amap-info-content .infos {
	    margin-top: 8px;
	    color: #101116;
	}
	.my-map img {
		max-width: none;
	}

	.my-map .icon-cir {  height: 31px; width: 28px; }
	.my-map .icon-cir-red { background-position: -11px -5px; }
	.my-map .icon-cir-blue { background-position: -11px -55px; }
	.my-map .icon-cir-yellow { background-position: -11px -105px; }
	.my-map .icon-cir-green { background-position: -11px -155px; }
	.my-map .icon-cir-gray { background-position: -11px -205px; }

	.my-map .icon-flg { height: 32px; width: 29px; }

	.my-map .icon-flg-red { background-position: -65px -5px; }
	.my-map .icon-flg-blue { background-position: -65px -55px; }
	.my-map .icon-flg-yellow { background-position: -65px -105px; }

	.my-map .icon-flg-green { background-position: -65px -155px; }
	.my-map .icon-flg-gray { background-position: -65px -205px; }



	.my-map .icon-anc { height: 28px; width: 26px; }
	.my-map .icon-anc-red { background-position: -132px -5px; }
	.my-map .icon-anc-blue { background-position: -132px -55px; }
	.my-map .icon-anc-yellow { background-position: -132px -105px; }
	.my-map .icon-anc-green { background-position: -132px -155px; }
	.my-map .icon-anc-gray { background-position: -132px -205px; }


	.my-map .icon-twig { height: 27px; width: 30px; }
	.my-map .icon-twig-red { background-position: -187px -5px; }
	.my-map .icon-twig-blue { background-position: -187px -55px; }
	.my-map .icon-twig-yellow { background-position: -187px -105px; }
	.my-map .icon-twig-green { background-position: -187px -155px; }
	.my-map .icon-twig-gray { background-position: -187px -205px; }




	.my-map .icon-pot { height: 23px; width: 31px; }
	.my-map .icon-pot-red { background-position: -234px -5px; }
	.my-map .icon-pot-blue { background-position: -234px -55px; }
	.my-map .icon-pot-yellow { background-position: -234px -105px; }
	.my-map .icon-pot-green { background-position: -234px -155px; }
	.my-map .icon-pot-gray { background-position: -234px -205px; }


	.my-map, #mapContainer {
		position: relative;
		z-index: 2;
	}
	#map {
		position: relative;
		z-index: 2;
	}
	#map img {
		max-width: none;
	}



/*--------------
* contact
----------------*/
	#mapContainer, #map {
		width: 100%;
		height: 340px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	.contact-list-in {
		padding-top: 10px;
	}
	.contact-list-in .item-r {
		padding: 35px 10px 26px;
		margin-top: 18px;
		text-align: center;
		font-size: 16px;
		color: #515257;
		background-color: #fff;
		border: 1px solid #DADADA;
	}
	.contact-list-in .item-r .pic {
		display: inline-block;
		margin-right: 5px;
		vertical-align: sub;
	}
	.contact-list-in .item-r .column {
		color: #101116;
		font-weight: bold;
	}
	.contact-list-in .item-r .infos {
		margin-top: 10px;
	}

	@media (min-width: 993px) {
		.contact-list-in .item-r {
			display: inline-block;
			width: 32.8%;
			margin-right: 0.8%;
		}
		.contact-list-in .item-r:nth-child(3n) {
			margin-right: 0;
		}
	}
	
	@media (max-width: 992px) and (min-width: 641px) {
		.contact-list-in .item-r {
			display: inline-block;
			width: 49%;
			margin-right: 2%;
		}
		.contact-list-in .item-r:nth-child(2n) {
			margin-right: 0;
		}
	}
	@media (max-width: 640px) {
		#mapContainer, #map {
			height: 300px;
		}
		.title-col-cont {
			font-size: 20px;
		}
		.contact-list-in .item-r {
			padding: 10px;
			font-size: 14px;
		}
		.contact-list-in .item-r .infos {
			margin-top: 6px;
		}
	}






/*--------------
* form
----------------*/
	.form-wrapper .item-r {
		position: relative;
		margin-top: 15px;
	}
	.form-wrapper .form-control {
		display: block;
		width: 100%;
		padding:  8px 18px;
		line-height: 24px;
		font-size: 14px;
		color: #343a3d;
		border: 1px solid #D7D8DB;
	    -webkit-transition: all 0.3s ease-out;
	    -moz-transition: all 0.3s ease-out;
	    -o-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	}
	.form-wrapper .form-control:focus {
		border-color: rgba(255,62,7,1);
		-webkit-box-shadow: 0 2px 5px rgba(255,62,7,.2);
		box-shadow: 0 2px 5px rgba(255,62,7,.2);
	}

	.form-wrapper input.form-control,
	.form-wrapper select.form-control,
	.form-wrapper button.form-control,
	.form-wrapper #canvas {
		height: 50px;
	}
	.form-wrapper textarea.form-control {
		height: 180px;
		resize: none;
	}
	.form-wrapper #canvas {
		margin-left: 10px;
		background-color: transparent;
		border: 1px solid #D7D8DB;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

	.form-wrapper .item-sub .form-control {
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		background-color: #1D6AD8;
		border: none;
	}

	.form-wrapper input.error {
		border-color: #FF3E07;
	}

	.form-wrapper label.error {
		display: none!important;
		margin-top: 5px;
		color: #FF3E07;
	}

	@media (min-width: 641px) {
		.form-wrapper .item-r {
			display: inline-block;
			width: 48.4%;
			margin-right: 3.2%;
		}
		.form-wrapper .item-r:first-child,
		.form-wrapper .item-r:nth-child(2) {
			margin-top: 0;
		}
		.form-wrapper .item-r:nth-child(2n) {
			margin-right: 0;
		}
		.form-wrapper .item-wfix {
			display: block;
			width: 100%;
			margin-right: 0;
		}
		.form-wrapper .item-yzm .form-control,
		.form-wrapper #canvas {
			display: inline-block;
			width: 200px;
		}
		.form-wrapper .item-sub {
			margin-top: 60px;
		}
	}

	@media (max-width: 640px) {
		.form-wrapper .item-yzm {
			position: relative;
			z-index: 3;
			padding-right: 150px;
		}
		.form-wrapper #canvas {
			position: absolute;
			right: 0;
			top: 0;
			z-index: 5;
			width: 140px;
			margin-left: 0;
		}
		.form-wrapper .item-sub {
			margin-top: 20px;
		}
	}




/*--------------
* search
----------------*/
	.search-infos {
		position: relative;
		margin-bottom: 30px;
		line-height: 24px;
		color: #101116;
		font-weight: bold;
		font-size: 16px;
	}
	.search-infos .iconfont,
	.search-infos .search-words {
		color: #0090f0;
	}
	.search-infos .iconfont {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5;
		width: 25px;
		height: 24px;
		line-height: 24px;
		font-size: 20px;
		font-weight: normal;
	}
	.search-infos .iconfont,
	.search-infos .desc,
	.search-infos .search-words {
		display: inline-block;
	}
	.search-infos .desc {
		position: relative;
		z-index: 3;
		padding-left: 25px;
	}








/* baidu share */
/* image */
.sr-bdimgshare {
	display: none!important;
}
/* select words */
.bdselect_share_bg, .bdselect_share_box {
	display: none!important;
}

#bdshare_weixin_qrcode_dialog {
	width: 255px!important;
	height: 320px!important;
}
